<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1,minimum-scale=1, user-scalable=no">
		<title>消息</title>
		<link rel="icon" id="favicon" href="//g.alicdn.com/dingding/web/0.2.6/img/oldIcon.ico" type="image/x-icon" />
		<link rel="stylesheet" type="text/css" href="../css/news.css" />
		<link rel="stylesheet" href="../font/iconfont.css">
		<link rel="stylesheet" href="../css/swiper.css">
		<script src="../js/rem.js"></script>
		<script src="../js/jquery-1.12.4.js"></script>
	</head>
	<body>
		<div id="app">
			<!-- header -->
			<div class="header">
				<div class="header-left">
					<p>钉钉</p>
					<span>设置工作状态</span>
				</div>
				<div class="header-right">
					<ul>
						<li><a href=""><img src="../img/icon1.jpg" alt=""></a></li>
						<li><a href=""><img src="../img/icon2.jpg" alt=""></a></li>
						<li><a href=""><img src="../img/icon3.jpg" alt=""></a></li>
						<li><a href=""><img src="../img/icon4.jpg" alt=""></a></li>
					</ul>
				</div>
			</div>
			<!-- tabs -->
			<div class="tabs">
				<form action="">
					<span><img src="../img/big.png" alt=""></span>
					<input type="text" placeholder="2020钉钉新春新品发布会" class="ipt">
				</form>
			</div>
			<!-- banner -->
			<div class="banner">
				<div class="banner-left">
					<ul>
						<li><a href=""><img src="../img/icon5.jpg" alt=""></a></li>
						<li><a href=""><img src="../img/icon6.jpg" alt=""></a></li>
						<li><a href=""><img src="../img/icon7.jpg" alt=""></a></li>
						<li><a href=""><img src="../img/icon8.jpg" alt=""></a></li>
					</ul>
				</div>
				<div class="banner-right">
					<a href="" class="right1"><img src="../img/icon10.jpg" alt=""></a>
				</div>
			</div>
			<!-- list -->
			<div class="list">
				<div class="list-left">
					<a href=""> <img src="../img/icon11.jpg" alt=""></a>
				</div>
				<div class="list-right">
					<div class="list-right-left">
						<p>钉邮</p>
						<span>欢迎使用钉邮</span>
					</div>
					<div class="list-right-right">
						<p>2月15号</p>
					</div>
				</div>
			</div>
			<div class="list">
				<div class="list-left">
					<a href=""> <img src="../img/icon12.jpg" alt=""></a>
				</div>
				<div class="list-right">
					<div class="list-right-left">
						<p>新手体验群</p>
						<span>钉小智：点击试一下</span>
					</div>
					<div class="list-right-right">
						<p>2月14号</p>
					</div>
				</div>
			</div>
			<div class="list">
				<div class="list-left">
					<a href=""> <img src="../img/icon13.jpg" alt=""></a>
				</div>
				<div class="list-right">
					<div class="list-right-left">
						<p>工作通知：安徽粮食工程职业学院</p>
						<span>智能填表：安徽省高校教育健康上报</span>
					</div>
					<div class="list-right-right">
						<p>00：02</p>
					</div>
				</div>
			</div>
			<div class="list">
				<div class="list-left">
					<a href=""> <img src="../img/icon14.jpg" alt=""></a>
				</div>
				<div class="list-right">
					<div class="list-right-left">
						<p>升级提醒</p>
						<span>钉钉春季发布会新功能升级</span>
					</div>
					<div class="list-right-right">
						<p>5月18号</p>
					</div>
				</div>
			</div>
			<div class="list">
				<div class="list-left">
					<a href=""> <img src="../img/icon15.jpg" alt=""></a>
				</div>
				<div class="list-right">
					<div class="list-right-left">
						<p>新的好友</p>
						<span>你的通讯录好友强哥已启用钉钉</span>
					</div>
					<div class="list-right-right">
						<p>3月6号</p>
					</div>
				</div>
			</div>
			<div class="list">
				<div class="list-left">
					<a href=""> <img src="../img/icon16.jpg" alt=""></a>
				</div>
				<div class="list-right">
					<div class="list-right-left">
						<p>服务大厅</p>
						<span>Hi强哥，点此快速上手钉钉</span>
					</div>
					<div class="list-right-right">
						<p>2月14号</p>
					</div>
				</div>
			</div>
			<div class="list">
				<div class="list-left">
					<a href=""> <img src="../img/icon16.jpg" alt=""></a>
				</div>
				<div class="list-right">
					<div class="list-right-left">
						<p>服务大厅</p>
						<span>Hi强哥，点此快速上手钉钉</span>
					</div>
					<div class="list-right-right">
						<p>2月14号</p>
					</div>
				</div>
			</div>
			<div class="list">
				<div class="list-left">
					<a href=""> <img src="../img/icon16.jpg" alt=""></a>
				</div>
				<div class="list-right">
					<div class="list-right-left">
						<p>服务大厅</p>
						<span>Hi强哥，点此快速上手钉钉</span>
					</div>
					<div class="list-right-right">
						<p>2月14号</p>
					</div>
				</div>
			</div>
			<!-- footer -->
			<div class="footer">
				<a href="news.html"><img src="../img/icon17.jpg"></a>
				<a href="schedule.html"><img src="../img/icon18.jpg"></a>
				<a href="work.html"><img src="../img/icon19.jpg"></a>
				<a href="address-book.html"><img src="../img/tongxulu999.jpg"></a>
				<a href="my.html"><img src="../img/icon21.jpg"></a>
			</div>
		</div>
	</body>
</html>
